{
    "detail": {
        "width": 1164,
        "height": 601,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "教育培训",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "name": "预警表格",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 1,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
            "dataHeader": "(data) => {\n      return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
            "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jxsb_yjtz_list_730\",\n\"project_id\":\"2327\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"projectId\",\"value\":2327}, \n{\"key\":\"towerId\",\"value\":2327}, \n{\"key\":\"pageNum\",\"value\":\"1\"}, \n{\"key\":\"pageSize\",\"value\":\"10\"} \n]\n\n}\n}",
            "stylesFormatter": "",
            "component": {
                "width": 1161.5,
                "height": 592.12,
                "name": "vue",
                "prop": "vue"
            },
            "option": {
                "content": "<template>\n  <div id=\"cqrs\">\n    <el-table :data=\"tableData\" style=\"width: 100%\" height=\"540px\"\n      :header-cell-style=\"{ 'text-align': 'center' }\"\n      :cell-style=\"{ 'text-align': 'center' }\">\n      <el-table-column label=\"序号\" type=\"index\" width=\"100\"> </el-table-column>\n      >\n      </el-table-column>\n      <el-table-column prop=\"towerName\" label=\"设备名称\" show-overflow-tooltip width=\"180\">\n      </el-table-column>\n      <el-table-column prop=\"sn\" label=\"设备编码\" show-overflow-tooltip>\n      </el-table-column>\n         <el-table-column prop=\"typeName\" label=\"报警类别\" show-overflow-tooltip >\n      </el-table-column>\n        <el-table-column prop=\"alarmName\" label=\"报警内容\" show-overflow-tooltip width=\"200\">\n      </el-table-column>\n            <el-table-column prop=\"startTime\" label=\"开始时间\" show-overflow-tooltip width=\"200\">\n      </el-table-column>\n       <el-table-column prop=\"endTime\" label=\"结束时间\" show-overflow-tooltip width=\"200\">\n      </el-table-column>\n    </el-table>\n    <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 20px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"pageNum\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      total: 0,\n      pageNum: 1,\n      pageSize: 10,\n      tableData: [],\n      refs: \"\",\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.tableData = val.data.items;\n        this.total = parseInt(val.data.total);\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted() {\n    this.refs = this.$parent.getItemRefs();\n  },\n  methods: {\n    refresh() {\n      this.$emit(\"click\", {\n        injections: [\n          { key: \"pageNum\", value: this.pageNum },\n          { key: \"pageSize\", value: this.pageSize },\n        ],\n      });\n    },\n    currentChange(value) {\n      this.pageNum = value;\n      this.refresh();\n    },\n  },\n};\n</script>\n\n<style>\n.btn-quickprev {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  color: #fff !important;\n}\n.el-table::before {\n  height: 0px;\n}\n.el-table {\n  font-size: 20px !important;\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
            },
            "left": -10.87,
            "top": -12.58,
            "index": "523e49c6-015f-4a25-81fe-dfd6d124d165",
            "child": {
                "index": [
                    "523e49c6-015f-4a25-81fe-dfd6d124d165"
                ],
                "paramList": [],
                "paramName": "page",
                "paramValue": "page"
            },
            "zIndex": 0,
            "dataMethod": "post",
            "url": "https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
            "display": false,
            "proxy": true,
            "dataQueryType": "json"
        }
    ]
}